<template>
  <div id="app">
    <router-view/>
  </div>
</template>
<style lang="scss">
// @media screen and (max-width: 780px) {
//   .media{
//     width: 99%!important;
//   }
//   .displaynone{
//     display: none!important;
//   }
//   .flex{
//     flex-direction: column;
//     justify-content: center!important;
//     align-items: start!important;
//   }
//   .flex-1{
//     text-align:center;
//   }
//   .flex-2{
//     display: flex;
//     flex-direction: column;
//     justify-content: center;
//   }
// }
.media{
  width: 100%;
}
.container{
  background-color: #fff;
  margin:0 auto;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #ccc;
  font-size: 16px!important;
  font-family: "Avenir", Helvetica, Arial, sans-serif !important;
}
input::-moz-input-placeholder,
textarea::-moz-input-placeholder {
  color: #ccc;
  font-size: 16px!important;
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #ccc;
  font-size: 16px!important;
}
body,
html {
  margin: 0;
  height: 100%;
}
p{
  line-height: 28px!important;
  margin-top: 10px;
  margin-bottom: 10px;
}
#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif!important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #f6f6f8;
}
</style>
